import styled from "styled-components";
const HeaderCenterWrapper = styled.div`
  .search-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid ${(props) => props.theme.primaryColor};
    border-radius: 20px;
    padding: 2px 10px;
    ${(props) => props.theme.mixin.boxShadow}
    .text {
      font-size: ${(props) => props.theme.text.primarySize};
      font-weight: bold;
      width: 212px;
    }
    .search-btn {
      background-color: #ff385c;
      width: 32px;
      height: 32px;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;

      .icon {
        color: #fff;
      }
    }
  }
`;
export default HeaderCenterWrapper;
